.eligibility-warnings {
	margin-top: 16px;
	font-size: $font-body-small;
}

.eligibility-warnings--with-indent {
	.eligibility-warnings__message {
		padding: 0 16px;
		margin-left: 24px;
	}
	.gridicon + .eligibility-warnings__message {
		margin-left: 0;
	}
}

.eligibility-warnings__placeholder {
	@include placeholder();

	.section-header__label-text,
	.eligibility-warnings__message {
		color: var( --color-neutral-0 );
		background-color: var( --color-neutral-0 );
	}
	.eligibility-warnings__message {
		height: 24px;
	}

	.eligibility-warnings__hold .gridicon {
		color: var( --color-neutral-0 );
	}

	.button,
	.eligibility-warnings__confirm-buttons {
		display: none;
	}
}

.eligibility-warnings .banner {
	margin-bottom: 16px;
	.banner__icon-circle {
		line-height: 32px;
		padding: 4px;
	}
}

.eligibility-warnings__hold,
.eligibility-warnings__warning {
	align-items: center;
	display: flex;
	flex-direction: row;
}

.eligibility-warnings__hold,
.eligibility-warnings__warning {
	align-items: flex-start;
	margin-bottom: 16px;

	&:first-of-type {
		padding-top: 6px;
	}
}

.eligibility-warnings__hold .gridicon,
.eligibility-warnings__warning .gridicon {
	flex-shrink: 0;
}

.eligibility-warnings__hold .gridicon {
	color: var( --color-neutral-10 );
}

.eligibility-warnings__warning .gridicon {
	color: var( --color-warning-10 );
}

.eligibility-warnings__message {
	flex-grow: 1;
	line-height: 24px;
	padding: 0;

	.eligibility-warnings__message-title {
		font-weight: 600;
	}

	.eligibility-warnings__message-description {
		color: var( --color-text-subtle );
	}
}

.eligibility-warnings__action a,
.eligibility-warnings__hold-action a {
	.gridicons-help-outline {
		color: var( --color-neutral-light );
	}
	&:hover .gridicons-help-outline {
		color: var( --color-primary );
	}
}

.eligibility-warnings__hold-action {
	align-self: center;
}

.eligibility-warnings__no-conflicts {
	align-items: center;
	display: flex;

	.gridicon {
		color: var( --color-text-subtle );
		flex-shrink: 0;
	}
	span {
		display: block;
		flex-grow: 1;
		padding-left: 16px;
	}
}

.eligibility-warnings__hold-list-dim .eligibility-warnings__hold-heading,
.eligibility-warnings__hold-list-dim .eligibility-warnings__hold {
	opacity: 0.2;
}
